<template>
  <h1>Hello Vue3</h1>
  <h1>单文件组件中使用script_setup</h1>
  <h2>{{ number }}</h2>
  <button @click="changeNum">+1</button>
</template>

<script setup lang="ts">
//  script setup 在一个 vue 文件中最多书写一次
import { ref } from "vue";

//  顶层定义的数据，会自动绑定，模板中可以直接使用，无需 return
const number = ref(10);
const changeNum = () => {
  number.value++;
};
</script>


